@CHARSET "UTF-8";

.customerSelectButton {
  float: left;
  border: solid 1px #A6B2CA;
  width: 20px;
  height: 20px;
  background-image: url(../image/customer-selector.gif);
  background-color: #E5EFFD;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.customerSelectButtonDown {
  border: solid 1px #3764B0;
  background-color: #FFC83D;
}

/*容器中的主体*/
.customer-select-content {
  width: 100%;
  height: 100%;
  overflow: scroll;
  overflow-x: hidden;
  background-color: #FFFFFF;
}

/*每个选项元素*/
.customer-select-content .content-body-item-grid {
  position: relative; /*IE需要加相对定位属性，否则子元素会冲破overflow:hidden|scroll;*/
  float: left;
  width: 151px;
  height: 62px;
  border: solid 1px #FFFFFF;
  margin: 5px 0 0 5px;
}

/*选项元素主体，主要是用到了上边框体现出立体效果，否则不需要这个元素*/
.customer-select-content .content-body-item-grid .content-body-item-body {
  border-top: solid 1px #FFFFFF;
  padding: 2px 3px 3px 3px;
}

/*选项元素中，该样式相当于图片的效果边框*/
.customer-select-content .content-body-item-grid .content-body-item-body .content-body-item-body-img {
  float: left;
  width: 54px;
  height: 54px;
  line-height: 54px;
  border: solid 1px #E6E6E6;
  background-color: #FFFFFF;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.customer-select-content .content-body-item-grid .content-body-item-body .content-body-item-body-img img {
  margin: 2px auto;
  display: block;
  vertical-align: middle;
}

/*选项元素中的信息*/
.customer-select-content .content-body-item-grid .content-body-item-body .content-body-item-body-info {
  float: left;
  color: #343534;
  line-height: 19px;
  width: 88px;
  overflow: hidden;
}

/*信息中的每行文字*/
.customer-select-content .content-body-item-grid .content-body-item-body .content-body-item-body-info div {
  margin-left: 5px;
}

.customer-select-content .content-body-item-grid .content-body-item-body .content-body-item-body-info .info-bold {
  font-weight: 700;
}

/*对号图片*/
.customer-select-content .content-body-item-grid .selected {
  position: absolute;
  left: 6px;
  bottom: 6px;
}

/*********************************************************************************************/
.customer-select-content .content-body-item-list {
  position: relative; /*IE需要加相对定位属性，否则子元素会冲破overflow:hidden|scroll;*/
  height: 26px;
  border: solid 1px #FFFFFF;
  margin: 5px 5px 0 5px;
  overflow: hidden;
}
/*选项元素主体，主要是用到了上边框体现出立体效果，否则不需要这个元素*/
.customer-select-content .content-body-item-list .content-body-item-body {
  border-top: solid 1px #FFFFFF;
}
/*选项元素中，该样式相当于图片的效果边框*/
.customer-select-content .content-body-item-list .content-body-item-body .content-body-item-body-img {
  float: left;
  margin-top: 1px;
  margin-left: 2px;
  width: 20px;
  height: 20px;
  border: solid 1px #E6E6E6;
  background-color: #FFFFFF;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.customer-select-content .content-body-item-list .content-body-item-body .content-body-item-body-img img {
  margin: 2px auto;
  display: block;
  vertical-align: middle;
}
/*选项元素中的信息*/
.customer-select-content .content-body-item-list .content-body-item-body .content-body-item-body-info {
  float: left;
  color: #343534;
  display: inline;
  overflow: hidden;
}
/*信息中的每行文字*/
.customer-select-content .content-body-item-list .content-body-item-body .content-body-item-body-info div {
  float: left;
  margin-left: 5px;
  height: 25px;
  line-height: 25px;
  width: 137px;
  display: inline;
  overflow: hidden;
}
.customer-select-content .content-body-item-list .content-body-item-body .content-body-item-body-info .info-bold {
  font-weight: 700;
}


/*鼠标掠过元素时*/
.customer-select-content .content-body-item-hover {
  border: solid 1px #b8d4e8;
  background-color: #f0f5f8;
}

/*鼠标点击元素时*/
.customer-select-content .content-body-item-click {
  border: solid 1px #234781;
  background-color: #6e89b8;
}

/*鼠标掠过元素时，覆盖选项元素主体样式*/
.customer-select-content .content-body-item-hover .content-body-item-body {
  border-top: solid 1px #f0f5f8;
}

/*鼠标点击元素时，覆盖选项元素主体样式*/
.customer-select-content .content-body-item-click .content-body-item-body {
  border-top: solid 1px #acbcd5;
}

/*鼠标点击元素时，覆盖效果边框样式*/
.customer-select-content .content-body-item-click .content-body-item-body .content-body-item-body-img {
  border-top: solid 1px #C1D0E9;
  background-color: #97aacb;
}

/*鼠标点击元素时，覆盖信息样式*/
.customer-select-content .content-body-item-click .content-body-item-body .content-body-item-body-info {
  color: #FFFFFF;
}

.link_content {
  border: 1px solid #A6B2CA;
  border-right: 0px;
  height: 20px;
  line-height: 20px;
  float: left;
  margin-right: 0;
  background-color: #FFFFFF;
}

.link_content .more {
  float: right;
  height: 20px;
  line-height: 20px;
  padding-right: 0px;
  color: #324F89;
}

.link_content_hider {
  height: 20px;
  float: left;
  width: 380px;
  white-space: nowrap;
  overflow: hidden;
}

.link_content_inner {
  white-space: nowrap;
}

.link_content_inner div {
  float: left;
}

.link_content_inner div .customer_selected {
  display: block;
  float: left;
  height: 20px;
  line-height: 20px;
  padding-left: 20px;
  margin: 0px 2px 0px 5px;
  background: transparent url(../image/customer-selected.gif) no-repeat 0px 2px;
  color: #324F89;
  cursor: pointer;
  vertical-align: baseline;
}

.link_content_inner div .closer {
  height: 20px;
  width: 7px;
  cursor: pointer;
  background: transparent url(../image/l_close.gif) no-repeat center;
}